<template>
	<view class="box">
		<view class="list">
			<view class="name">
				可提现金额
			</view>
			<view class="price">
				100.00
			</view>
		</view>
		<view class="list">
			<view class="name">
				金额
			</view>
			<input type="text" value="" placeholder="请输入提现金额" />
		</view>
		<view class="qr">
			确认
		</view>
		<view class="title">
			提现须知
		</view>
		<view class="contant">
			1、提交提现申请后，系统将自动把返现金额转入您的微信上；
		</view>
		<view class="contant">
			2、超过500以上金额提现申请需要后台审核
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.box {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #FFFFFF;
		padding-top: 110rpx;

		.list {
			display: flex;
			align-items: center;
			margin-left: 31rpx;
			height: 100rpx;
			line-height: 100rpx;

			.name {
				font-family: MicrosoftYaHei;
				font-size: 30rpx;
				color: #333333;
			}

			.price {
				font-family: MicrosoftYaHei;
				font-size: 30rpx;
				color: #333333;
				margin-left: 60rpx;
			}

			input {
				margin-left: 90rpx;
				font-family: MicrosoftYaHei;
				font-size: 30rpx;
			}
		}

		.qr {
			width: 691rpx;
			height: 91rpx;
			background-color: #f73f33;
			border-radius: 45rpx;
			line-height: 91rpx;
			text-align: center;
			margin: 0 auto;
			margin-top: 49rpx;
			color: #FFFFFF;
			font-family: MicrosoftYaHei;
			font-size: 36rpx;
		}

		.title {
			text-align: center;
			margin-top: 84rpx;
			font-family: MicrosoftYaHei;
			font-size: 30rpx;
			color: #333333;
		}

		.contant {
			font-family: MicrosoftYaHei;
			font-size: 24rpx;
			color: #999999;
			margin-left: 33rpx;
			line-height: 37rpx;
			margin-top: 10rpx;
		}
	}
</style>
